import Vue from "vue";

import App from "./App.vue";

import Home from "./components/Home.vue";
import Cart from "./components/Cart.vue";
import Shop from "./components/Shop.vue";

Vue.component("Home", Home);
Vue.component("Cart", Cart);
Vue.component("Shop", Shop);

Vue.mixin({
  data() {
    return {
      globalTitle: "hello mixin",
    };
  },
  computed: {
    globalCount() {
      return 100;
    },
  },
  methods: {
    globalLog(e) {
      console.log(e);
    },
  },
  created() {
    console.log("global created");
  },
});

new Vue({
  el: "#app",
  render: (h) => h(App),
});
